<template>
  <div class="active-details">
    <div class="container">
      <build-el-h1></build-el-h1>
      <div class="flex-al al-start">
        <!-- v-if="details.contestFileId == 1" -->
        <img
          v-if="details.contestFileId == 1"
          :src="details.contestVideoUrl"
          alt=""
        />
        <build-el-video
          v-else
          :src="details.contestVideoUrl"
          :poster="home.data.poster"
        ></build-el-video>
        <!-- <p class="info">{{home.data.text}}</p> -->
        <div class="fwb info" v-html="details.contestText"></div>
      </div>
    </div>
  </div>
</template>
<script>
import buildElH1 from "../build-el-h1";
import buildElVideo from "../build-el-video";
import JSONData from "@/assets/JSON";
export default {
  components: {
    buildElH1,
    buildElVideo,
  },
  data() {
    return {
      ...JSONData,
      details: {},
    };
  },
  async mounted() {
    let res = await this.api.findDownloadFile({ customizeId: 1 });
    this.details = res;
    console.log(this.details, "??????");
  },
};
</script>
<style lang="less" scoped>
.container {
  .info {
    font-size: 16px;
    color: #333333;
  }
}
</style>